<template>
	<view class="feedback">
		<view class="feedbackcontenttop">
			请选择反馈内容
		</view>
		<view class="feedbackcon">
			<view class="feedbackcontentitem" v-for="(item,index) in dataliist" :key="item.id" >
				<myline></myline>
				<view class="contentkey" @click="gofeedbackdetail(item.bug||item.violation,item.id)">
					{{item.bug||item.violation}}
				</view>
				<view class="conimg" @click="gofeedbackdetail(item.bug||item.violation,item.id)">
					<image class="img" src="/static/tabBar/right.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import myline from '@/components/common/Lines.vue'
	export default{
		props:{
			dataliist:{
				type :Array,
				default:[]
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			gofeedbackdetail(title,theid){
				this.$emit("backtitle",title,theid)
			}
		},
		components:{
			myline
		}
		
	}
</script>

<style lang="scss">
	.feedback{
		padding: 20rpx 50rpx;
	}
	.feedbackcontenttop{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 280rpx;
		font-size: 38rpx;
		font-weight: 600;
	}
	.feedbackcon{
		
		.feedbackcontentitem{
			position: relative;
			.contentkey{
			font-size: 28rpx;
			font-weight: 600;
			padding: 20rpx 20rpx;
		}
		.conimg{
			position: absolute;
			top: 20rpx;
			right: 20rpx;
			.img{
				width: 30rpx;
				height: 30rpx;
			}
		}
		}
		
	}
	
</style>